<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>ai咨询</title>
		<link rel="stylesheet" href="css/LEFT.css" />
		<link rel="stylesheet" href="css/doctor.css"/>
	</head>
	<body>
		<header>
		    <nav>
		        <ul>
		            <li><a href="aiAsk.html">快速问诊</a></li>
		            <li><a href="#">健康评估</a></li>
		            <li><a href="#">饮食推荐</a></li>
		            <li><a href="#">养生锻炼</a></li>
		            <li><a href="#">养生文化</a></li>
		            <li><a href="#">社区交流</a></li>
		            <li><a href="#">个人信息</a></li>
		            <li><a href="#">注册 | 登录</a></li>
		        </ul>
		    </nav>
		</header>
		
		<div class="main-content">
		        <div class="doctor-selection">
		            <h3>请选择您要预约的医生</h3>
		            <div class="doctor-card">
		                <img src="img/doctor.png" alt="Doctor Image">
		                <p>郑彦鑫 主任医师</p>
		                <p>&nbsp;&nbsp;汕尾市人民医院第一医院</p>
		            </div>
					<div class="doctor-card">
					    <img src="img/doctor.png" alt="Doctor Image">
					    <p>郑彦鑫 主任医师</p>
					    <p>&nbsp;&nbsp;汕尾市人民医院第一医院</p>
					</div>
					<div class="doctor-card">
					    <img src="img/doctor.png" alt="Doctor Image">
					    <p>郑彦鑫 主任医师</p>
					    <p>&nbsp;&nbsp;汕尾市人民医院第一医院</p>
					</div>
		            <!-- Repeat for other doctors -->
		        </div>
		
		        <div class="calendar">
		          <table>
		            <thead>
		              <tr>
		                <th colspan="7">
		                  <button onclick="previousMonth()">❮</button>
		                  <span id="month-year"></span>
		                  <button onclick="nextMonth()">❯</button>
		                </th>
		              </tr>
		              <tr>
		                <th>一</th>
		                <th>二</th>
		                <th>三</th>
		                <th>四</th>
		                <th>五</th>
		                <th>六</th>
		                <th>日</th>
		              </tr>
		            </thead>
		            <tbody id="calendar-body">
		            </tbody>
		          </table>
		        </div>
		        
		
		        <div class="booked-dates">
		            <h3>已预约</h3>
		            <ul>
		                <li>2025年1月24日上午 郑彦鑫医生</li>
		                <li>2025年2月18日上午 郑彦鑫医生</li>
		            </ul>
		        </div>
		    </div>
		
		<script src="js/LEFT.js"></script>
		<script src="js/doctor.js"></script>
	</body>
	
</html>